<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>新增日志</title>
    <link rel="stylesheet" href="../../lib/bootstrap-3.3.7/css/bootstrap.css">
    <link rel="stylesheet" href="../../lib/font-awesome-4.7.0/css/font-awesome.css">
    <link rel="stylesheet" href="../../lib/element-ui/element-ui-2.8.2.css">

</head>
<body>

<div id="app" v-loading="loading">


    <el-row type="flex" justify="space-around">

        <el-col :span=10>

            <el-form label-width="100px" label-position="right" :ref="form">

                <el-form-item label="申请人" prop="name">
                    <el-input
                            v-model="form.name"
                            type="text"
                            clearable
                    ></el-input>
                </el-form-item>

                <el-form-item label="项目">

                    <el-select @focus="getProject">
                        <el-option ></el-option>

                    </el-select>


                </el-form-item>

                <el-form-item>


                </el-form-item>


                <el-form-item label="备注" prop="desc">

                    <el-input type="textarea"
                              v-model="form.desc"
                              :rows=5
                              maxlength="100"
                              show-word-limit
                    ></el-input>

                </el-form-item>

                <el-form-item>
                    <el-button type="primary" round @click="submitApply">提交</el-button>
                    <el-button type="danger" round @click="resetForm">重置</el-button>
                </el-form-item>
            </el-form>

        </el-col>

    </el-row>


</div>

</body>
</html>

<script src="../../lib/jQuery-3.31/jquery-3.3.1.js"></script>
<script src="../../lib/vue/vue.js"></script>
<script src="../../lib/element-ui/element-ui.js"></script>

<script>

let app = new Vue({

    el: "#app",
    data: {
        form: {


            time:'',
            name: '',
            duration: 0,
            desc: '',
            reviewer: [],

        },
        loading: false,
        reviewerList: [],
        provinceOptions:[],
        citiesOptions: []
    },
    methods:{
        submitApply: function () {
            
        },
        resetForm: function () {
            
        },
        getProject: function () {

            $.ajax({

                url: '/project/getmyproject',
                type: 'get',
                data: {'userId',}


            })


        }
        
    }


})



</script>